import React, {Component} from 'react';
import Markdown from 'react-markdown';

class JsPage extends Component {
    constructor(props) {
        super(props);
    }


    render() {

        return (
            <div>
                <h3>  Sophies World > The garden of eden</h3>


                <Markdown source={"|编号|  eg |  中译  | eg  |  中译  | eg  |  中译  | eg  |  中译  |\n" +
                        "| :--------: | :--------: | :--------:| :--------: |:--------: | :--------: |:--------: |:--------: |:--------: |\n" +

                        "|1| outskirts  |  郊区 | garden |花园  |gardener | 园丁 |sharp bend | 急转弯 |\n" +
                        "|2| encircled  |  环绕 | daffodils |水仙花  |pale green | 淡绿 |birches | 桦树 |\n" +
                        "|3| **vegetation**   |  植被 | junk |破烂的  |envelopes | 信封 |From time to time|有时|\n" +
                        "|4| tanker   |  油船 | cozy |舒适  |shuffle | 洗牌 |menagerie|动物园|\n" +
                        "|5| **slung**   |  斜背 |  stare | 盯着  | odd | 奇怪  | biology | 生物学 |\n" +
                        "|6| blissfully   |  幸福的 |  cloud | 云  | could | 能  | **bushes** | 灌木,丛林 |\n" +
                        "|7| paradise| 天堂 | planet| 行星| plane | 平的 | riddles |秘密 |\n" +
                        "|8| robots | 机器人 | rabbit| 兔子| lay|躺在 | lie| 谎言|\n" +
                        "|9| Clover| 三叶草,苜蓿 mùxu| Clover Close| 三叶巷| corner| 角| clever|聪明|\n" +
                        "|10| extraordinary| 非同寻常的|burst |爆炸| marmalade| 果酱| make up| 弥补|\n" +
                        "|11| sailing|航行 |figured out | 想到|momentary | 瞬间| index finger|食指 |\n" +
                        "|12| malformed| 异常的|labor | 劳工|  gravel path|石铺路 | | |"
                        }/>


                sentences
                <Markdown source={"1、Sophie was not certain she agreed .\n\n" +
                "苏菲不能确定是否赞同。\n\n" +
                "" +
                ""}/>

                <p>page of 3 .</p>
                {/*|| | | | | | | | |*/}


            </div>

        );
    }
}

export default JsPage;